<template name="skeleton">
  <view class="sk-container">
    <view class="hpv-top">
      <image mode="aspectFill" class="sk-image"></image>
      <view class="hpv-tab">
        <view class="tab-item">
          <text class="sk-transparent sk-text-14-2857-623 sk-text">全部</text>
          <text class="selected"></text>
        </view>
        <view class="tab-item">
          <text class="sk-transparent sk-text-14-2857-108 sk-text">9价HPV</text>
          <text></text>
        </view>
        <view class="tab-item">
          <text class="sk-transparent sk-text-14-2857-863 sk-text">4价HPV</text>
          <text></text>
        </view>
        <view class="tab-item">
          <text class="sk-transparent sk-text-14-2857-946 sk-text">2价HPV</text>
          <text></text>
        </view>
      </view>
    </view>
    <view class="hpv-list">
      <view class="list-item">
        <view class="list-left">
          <text class="hpv-name sk-transparent sk-text-14-2857-333 sk-text">9价HPV疫苗</text>
          <view class="hpv-desc">
            <text class="desc-item sk-transparent sk-text-0-0000-89 sk-text">16-26岁</text>
            <text class="desc-item sk-transparent sk-text-0-0000-419 sk-text">接种三针</text>
          </view>
          <text class="hpv-price sk-transparent sk-text-14-2857-605 sk-text">￥5780-￥9280</text>
        </view>
        <view class="list-right">
          <button class="sk-transparent sk-button sk-pseudo sk-pseudo-circle">去预约</button>
        </view>
      </view>
      <view class="list-item">
        <view class="list-left">
          <text class="hpv-name sk-transparent sk-text-14-2857-480 sk-text">国产9价HPV疫苗</text>
          <view class="hpv-desc">
            <text class="desc-item sk-transparent sk-text-0-0000-573 sk-text">16-26岁</text>
            <text class="desc-item sk-transparent sk-text-0-0000-604 sk-text">享200元大额券补贴</text>
          </view>
          <text class="hpv-price sk-transparent sk-text-14-2857-497 sk-text">￥3000-￥5300</text>
        </view>
        <view class="list-right">
          <button class="sk-transparent sk-button sk-pseudo sk-pseudo-circle">去预约</button>
        </view>
      </view>
      <view class="list-item">
        <view class="list-left">
          <text class="hpv-name sk-transparent sk-text-14-2857-243 sk-text">4价HPV疫苗</text>
          <view class="hpv-desc">
            <text class="desc-item sk-transparent sk-text-0-0000-294 sk-text">20-45岁</text>
            <text class="desc-item sk-transparent sk-text-0-0000-879 sk-text">接种三针</text>
          </view>
          <text class="hpv-price sk-transparent sk-text-14-2857-199 sk-text">￥3600-￥4560</text>
        </view>
        <view class="list-right">
          <button class="sk-transparent sk-button sk-pseudo sk-pseudo-circle">去预约</button>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-623 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-108 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-863 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-946 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-333 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-89 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 24.0000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-419 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 24.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-605 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-480 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-573 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 24.0000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-604 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 24.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-497 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-243 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-294 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 24.0000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-879 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 24.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-199 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-button {
	    color: #EFEFEF !important;
	    background: #EFEFEF !important;
	    border: none !important;
	    box-shadow: none !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }
</style>